<!DOCTYPE html>
<html>
    <head>
        <title>Control Odontol&oacute;gico Web 2014</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script src="../js/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
        
        <link href="../css/metro/metro-bootstrap.css" rel="stylesheet" >
        <link href="../css/metro/metro-bootstrap-responsive.css" rel="stylesheet" >
        <link href="../css/prettify/prettify.css" rel="stylesheet" >
  
        <script type="text/javascript" src="../js/jquery/jquery.widget.min.js"></script>
        <script type="text/javascript" src="../js/jquery/jquery.mousewheel.js"></script>
        <script type="text/javascript" src="../js/jquery/jquery.plugin.js"></script>
        <script type="text/javascript" src="../js/metro/metro.min.js"></script>
        <script type="text/javascript" src="../js/prettify/prettify.js"></script>
        <script type="text/javascript" src="../js/metro/metro-button-set.js"></script>
        <script type="text/javascript" src="../js/metro/metro-accordion.js"></script>
        <script type="text/javascript" src="../js/jquery/jquery.dataTables.js"></script>
        <script type="text/javascript" src="../js/jquery/jquery.alphanumeric.js"></script>
        <script type="text/javascript" src="../js/jquery/jquery.dateentry.js"></script>
        <script type="text/javascript" src="../js/jquery/jquery.dateentry-es.js"></script>
        
        <script type="text/javascript" src="../js/jquery/ui/jquery-ui-1.10.4.custom.js"></script>
        <link href="../css/jquery/ui/smoothness/jquery-ui-1.10.4.custom.css" rel="stylesheet" >        
        <script src="../js/jquery/highcharts.js"></script>
        <!--<script src="http://code.highcharts.com/stock/highstock.js"></script>-->
        <script src="../js/jquery/exporting.js"></script>
        <script src="../js/comun/util.js"></script>
        <script src="../js/comun/mensajes.js"></script>
        
        
        
        <script src="../js/home/index.js" type="text/javascript"></script>
    </head>
    <body class="metro" style="background-image: url(../images/logot.png)">
           <header>
            <nav class="navigation-bar dark fixed-top shadow">
                <nav class="navigation-bar-content">
                    <a class="element" href="index.jsp">
                        <span class="icon-grid-view"></span>
                        Cow
                        <sup>1.0</sup>
                    </a>
                    <span class="element-divider"></span>

                    <span class="element-divider"></span>

                    <div class="element">
                        <a class="dropdown-toggle" href="#"><span class="icon-grid-view"></span>Menu Principal</a>
                        <ul class="dropdown-menu" data-role="dropdown">
                            <li>
                                <a href="#"  class="dropdown-toggle">Gesti&oacute;n</a>     
                                <ul id="menu_afiliaciones" class="dropdown-menu" data-role="dropdown"></ul>
                            </li>
                            <li class="divider"></li>
                            <!--<li class="divider"></li>
                            <li><a href="/comfacauca-linea-web/MenuControl?accion=permisos">Permisos</a></li>
                            <li class="divider"></li>-->
                            <li><a href="javascript:window.location='../../public/home/index'">Salir</a></li>                       
                        </ul>
                    </div>

                    <span class="element-divider"></span>

                    <a class="element brand" href="#"><span class="icon-spin"></span></a>
                    <a class="element brand" href="#"><span class="icon-printer"></span></a>
                    <span class="element-divider"></span>



                    <span class="element-divider place-right"></span>
                    
                    <div class="element" style="color:#FFF ">
                        <span style="font-size: 18px; font-weight: bold ">CENTRO ODONTOL&Oacute;GICO</span>
                    </div>
                    
                    <!--
                    <div class="">                                               
                        <img style="padding-top: 1px" src="../images/comfa.png"  width="64px" height="64px"  alt="" />
                    </div>
                    -->
                    
                    <a class="element place-right" href="javascript:window.location='../../public/home/index'">                
                        <img src="../images/exit.png" width="24px" height="24px" id="salir" />                           
                    </a>
                    <span class="element-divider place-right"></span>
                    <input id="tipousr" name="tipousr" value="0" type="hidden" />
                    <button class="element image-button image-left place-right">                        
                        <span id="userweb"></span>
                        <img src="../images/user.png"/>
                    </button>

                </nav>
            </nav>
        </header>
        
       
      
        <div style="background-size: cover; /*height: 700px;*/">
            <div class="container" style="padding: 50px 20px">              
                <div id="container" style="width:100%; height:auto;">
                    <img src="../images/logo.png"/>
                </div>
            </div>            
        </div>
        
        
        
      
        <footer>
                <div class="bg-dark">
                    <div class="container" style="padding: 10px 0;">

                        <div class="grid no-margin">
                            <div class="row no-margin">               
                                <div class="span6 padding10">
                                    <h4 class="fg-white">Acerca del autor - Eorozco Dev 2014</h4>                    
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="container tertiary-text bg-dark fg-white" style="padding: 10px">
                        2014, COW &copy; by  <a href="mailto:feyintorozco@gmail.com" class="fg-yellow">Eduar Orozco</a>
                    </div>
                </div>
        </footer>
        
    </body>
</html>